<template>
	<view class="">
		<view class=" width_100 u-flex u-row-left" :style="{color:color,fontSize:size+'rpx'}"
			style="line-height: 45rpx;">
			<!-- <view class="">111</view> -->
			<view class="u-flex " v-if="info.price>0" style="justify-content: space-between;align-items:baseline;">
				<view style="font-size: 26rpx;">¥</view>
				<view style="font-weight: 700;">{{info.price}}</view>
				<!-- <view v-if="on && isMultiple && info.price!=info.maxPrice">{{' '}} ~
					{{info.maxPrice}}
				</view> -->
				
			</view>
			<!-- <view v-if="info.costPrice>0"
				style="font-size: 28rpx;color: #a69999;text-decoration: line-through;margin-left: 10rpx;margin-top: 10rpx;">
				¥{{info.costPrice}}</view> -->

		</view>
		<view class=" u-flex u-row-left integral" v-if="info.integral>0 && info.isIntegral==1">+
			{{info.integral}}积分<text v-if="on && isMultiple && info.integral!=info.maxIntegral">{{' '}} ~
				{{info.maxIntegral}}积分</text>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			info: {
				type: Object,
				default: () => {
					return {}
				}
			},
			color: {
				type: String,
				default: '#F13430'
			},
			size: {
				type: Number,
				default: 30
			},
			on: {
				type: Boolean,
				default: false
			}

		},
		created() {
			console.log('111', this.info);
		},
		computed: {
			isMultiple() {
				return this.info.isMultiple
			}
		}
	}
</script>

<style scoped lang="scss">
	.integral {
		margin-left: 10rpx;
		color: #000;
	}
</style>
